@charset "utf-8";
/* CSS Document */

/* my-own-reset-css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* my-own-reset-css-end */

body{ font:12px "\5FAE\8F6F\96C5\9ED1",Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; background:#4e4e4e; }
.clearfloat { clear:both;	height:0;	font-size:1px;	line-height:0;	*display:block;	*overflow:hidden}
.wrap{ width:1000px; margin:0 auto;}

.L{ float: left; }
.R{ float: right; }

.top{ background: url(../imgs/top_bj.gif) repeat-x; height: 102px;}
.nav{ font-size: 14px; margin-top: 20px;}
.nav li{ float: left; height: 70px; background: url(../images/nav_fg.gif) no-repeat left top; }
.nav li a{ padding: 0 20px; color: #fff; line-height: 70px; }
.nav li a:hover{ color: #f00; }

.fullSlide{ background:#000; height:445px; position:relative}
.fullSlide ul{ width:100%; }
.fullSlide li{ width:100%; }
.fullSlide li img{ width: 100%; }
.fullSlide .prev,.fullSlide .next{ position:absolute; z-index:1; display:block; width:30px; height:50px; top:60%; margin-top:-100px; left:20px;
    background:url(../images/icons.png) 0 0 no-repeat;	cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;  }
.fullSlide .next{ left:auto; right:30px; background-position:-51px 0; }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=100); opacity:1; }
.fullSlide .playState{ display:block; position:absolute; z-index:1; right:30px; top:60%; margin-top:-20px; width:51px; height:51px; overflow:hidden;  background:url(../images/icons.png) 23px -132px #000  no-repeat; filter:alpha(opacity=60);opacity:0.6;  }
.fullSlide .pauseState{ background-position:23px -201px; }
.fullSlide .playState:hover{ filter:alpha(opacity=100);opacity:1; }

.main{ margin-top: 10px; border: #fff solid 1px; background:#fdfdfd url(../images/main_bj.gif) repeat-x left top; }

.title01{ text-shadow:1px 1px 0px #fff; margin: 25px 0 20px; }
.title01 h2{ line-height: 30px; padding-left: 10px; font-size: 16px; color: #be1212; font-weight: bold; }
.title01 h3{ line-height: 30px; padding-left: 10px; font-size: 12px; color: #333; text-transform: uppercase; }
.title01 .more a{ line-height: 30px; text-transform: uppercase; font-size: 12px; color: #333; }
.title01 .more a:hover{ color: #be1212; }
.title01 .mbx{ background: url(../images/mbx.png) no-repeat left 3px; padding-left: 20px; }
.title01 .mbx a{ line-height: 30px; font-size: 12px; color: #333; padding: 0 5px; }
.title01 .mbx a:hover{ color: #be1212; }

.title02{ text-align: center; margin-bottom: 20px; }
.title02 h1{ font-size: 24px; color: #000; }
.title02 h4{ color: #999; border-top: 1px dashed #bbb; border-bottom: 1px dashed #bbb; padding: 10px 0; margin-top: 10px; }

.iabout{ padding: 0 20px; width: 220px; height: 280px; background: url(../images/fgx01.png) no-repeat right center; }
.iabout p{ line-height: 200%; color: #666; }
.xiangxi{ margin-top: 15px; font-family: "\5b8b\4f53"; font-size: 12px; }
.xiangxi a{ background:#be1212 url(../images/xs_01.png) no-repeat 65px center; color: #fff; padding: 3px 20px 3px 10px; }
.xiangxi a:hover{ background-color:#f60; }

.iproduct{ padding: 0 20px; width: 435px; height: 280px; background: url(../images/fgx01.png) no-repeat right center; }
.iproduct li{ width: 125px; float: left; text-align: center; margin: 0 10px;}
.iproduct li img{ width: 123px; height: 140px; border: #ccc solid 1px; margin-bottom: 15px; }
.iproduct li a{ color: #666; }
.iproduct li a:hover{ color: #be1212; }
.iproduct li a:hover img{ border: #be1212 solid 1px; }

.icontact{ padding: 0 20px; width: 220px; height: 280px; }
.icontact ul{ color: #666; line-height: 250%; }


.footer{ margin-top: 10px; min-height: 40px; padding: 20px 0; background:#575556 url(../images/footer_bj.gif) repeat-x left top; color: #666; text-align: center; line-height: 200%; }


.banner{ background-color: #4e4e4e; }
.banner img{ width: 100%; }

.sidebar{ width: 230px; padding: 0 20px; border-right:#fff solid 1px;  }
.content{ width: 680px; padding: 0 20px; }

.submenu { font-size: 14px; padding-bottom: 20px; border-top: 1px dashed #bbb; }
.submenu li { border-bottom: 1px dashed #bbb; list-style-type:disc; display:block; }
.submenu a { display: block; text-decoration: none; color: #666; padding: 12px; 	padding-left: 20px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; 	transition: all 0.25s ease;	background:url("../images/dian.png") no-repeat 10px 20px; }
.submenu a:hover { background:#be1212 url("../images/dian.png") no-repeat 10px -28px; color: #FFF; }

.lxwm{ color: #666; line-height: 200%; padding-bottom: 20px; }

.prodlist{}
.prodlist li{ float: left; width: 250px; height: 175px; overflow: hidden; float: left; text-align: center; margin: 10px 20px; }
.prodlist li img{  width: 248px; height: 140px; border: #ccc solid 1px; margin-bottom: 15px; }
.prodlist li a{ color: #666; }
.prodlist li a:hover{ color: #be1212; }
.prodlist li a:hover img{ border: #be1212 solid 1px; }

.newslist{ border-top: 1px dashed #bbb; }
.newslist li{ text-align: right; color: #999; padding: 10px 0; border-bottom: 1px dashed #bbb; }
.newslist li a{ background: url(../images/xs_02.png) no-repeat left; float: left; color: #333; padding-left: 15px; }
.newslist li a:hover{ color: #f60; }

.page{ color:#666; padding:15px 20px; margin: 15px 0; background-color: #eee; }
.page li{ float:left; margin-right:10px; }
.page a{ color:#666;}
.page a:hover{ color:#be1212;}
.page .thisclass{ color:#be1212; }

.txt{ color: #666; line-height: 200%;}


.weixin{ cursor: pointer; position:relative;}
.ewm{ display:none; z-index: 999; position:absolute; right: -100px; top: -200px;}
